<#import "../layout/single.ftl" as layout>
<@layout.single title="">
    <div class="container animated fadeInDown middle-box">
        <div>
            <div class="logo" style="margin-left:50%;transform: translateX(-50%);text-align: center;border-radius: 5px;width:160px;height:160px;box-shadow: 0 0 5px rgba(0,0,0,.2)">
                <img src="${request.contextPath}/assets/img/activiti-logo.png" style="height: 128px;width: 128px;margin-top: 50%;transform: translateY(-50%);">
            </div>
            <div class="login-form">
                <form class="m-t" role="form" action="javascript:void(0);" onsubmit="login.login();return;">
                    <div class="form-group has-feedback">
                        <input type="text" name="username" id="username" class="form-control" placeholder="用户名" required="">
                    </div>
                    <div class="form-group has-feedback">
                        <input type="password" name="password" id="password" class="form-control" placeholder="密码" required="">
                    </div>
                    <button type="submit" class="btn btn-primary btn-lg block full-width m-b" id="login-button">登 录</button>
                    </p>
                </form>

                <div class="alert alert-danger alert-dismissible hidden" role="alert" id="login-alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <span class="content"></span>
                </div>
            </div>


        </div>
    </div>
</@layout.single>
